<template>
  <div id="newsListItem" @click="clickDiv">
    <div :class="{ contentDiv: true, lastItem: isLastItem }">
      <div class="leftDiv">
        <div class="title">{{ new_item.title }}</div>
        <div class="dateTitle">{{ new_item.updateAt }}</div>
      </div>
      <div class="rightDiv">
        <img :src="newUrl" alt="" class="img" />
      </div>
    </div>
  </div>
</template>

<script>
import { actionWithLink, addImagePrefix } from "@/utils/utils";

export default {
  // type news 新闻 intro 招商信息或者公司简介

  name: "NewsListItem",
  props: {
    new_item: Object,
    isLastItem: Boolean,
    type: String
  },
  methods: {
    clickDiv() {

      if (this.type == "intro") {
        this.$router.push({
          name: "introDetailPage",
          query: {
            id: this.new_item.id
          }
        });
      } else {
        if (this.new_item.link) {
          console.log("有link" + this.new_item.link);
          actionWithLink(this.new_item.link);
        } else {
          console.log("没有有link" + this.new_item.link);

          this.$router.push({
            name: "newsDetailPage",
            query: {
              id: this.new_item.id
            }
          });
        }
      }
    }
  },
  computed: {
    newUrl() {
      return addImagePrefix(this.new_item.imgUrl);
    }
  }
};
</script>

<style scoped>
#newsListItem {
  height: 6.633333333333334rem;
}
.contentDiv {
  margin-left: 1.3333333333333333rem;
  margin-right: 1.3333333333333333rem;
  height: 6.633333333333334rem;
  border-bottom: 0.5px solid #f0f1f5;
  position: relative;
}
.lastItem {
  border-bottom: 0px solid #f0f1f5;
}
.leftDiv {
  width: 11.366666666666667rem;
  height: 6.633333333333334rem;
  position: relative;
}
.title {
  padding-top: 0.9333333333333333rem;

  font-size: 0.95rem;
  font-family: PingFangSC;
  font-weight: 400;
  color: rgba(18, 28, 50, 1);
  line-height: 1.5rem;

  /*text-overflow: -o-ellipsis-lastline;*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.dateTitle {
  position: absolute;
  bottom: 0.9333333333333333rem;

  font-size: 0.8333333333333334rem;
  font-family: PingFangSC;
  font-weight: 400;
  color: rgba(191, 195, 205, 1);
  line-height: 1.2rem;
}
.rightDiv {
  position: absolute;
  top: 0.7666666666666667rem;
  right: 0rem;
  width: 7.4rem;
  height: 5.066666666666666rem;
}
.img {
  width: 100%;
  height: 100%;
}
</style>
